@extends('_layouts.default')

@section('css')
    {{HTML::style('user/css/base.css')}}
@stop

@section('main')
<div class="am-g am-g-fixed ">
  <div class="am-u-md-9">
    <ol class="am-breadcrumb">
      <li><a href="#" class="am-icon-home">首页</a></li>
      <li><a href="#">分类</a></li>
      <li class="am-active">内容</li>
    </ol>
  </div>
  <div class="am-u-md-3 my-padding-right-0 my-padding-left-0">
    <div class="am-input-group">
          <input type="text" class="am-form-field" placeholdex="资讯、软件、分享、代码、博客">
          <span class="am-input-group-btn">
            <button class="am-btn am-btn-default am-icon-search" type="button"></button>
          </span>
        </div>
  </div>
</div>

<div class="am-g am-g-fixed">
  <div class="am-u-md-9">
 	<div class="am-panel am-panel-default am-padding">
 	    <article class="am-article">
 	      <div class="am-article-hd">
 	        <h1 class="am-article-title">{{$news->title}}</h1>
 	        <p class="am-article-meta"><a href="">{{$news->user_id}}</a> 发布于 {{$news->created_at}} - (<a href="">8评</a>)</p>
 	      </div>

 	      <div class="am-article-bd">
 	        <p class="am-article-lead">
				{{$news->title}}
 	        </p>
			{{$news->content}}
 	      </div>
 	    </article>

 	    <div class="am-panel am-panel-default am-margin-vertical am-panel-primary">
 	    	<footer class="am-panel-bd am-text-xs">
				我要分享
 	    	</footer>
 	    </div>

		<div>
			<p>上一篇：<a href="{{URL::to('news/'.$prev_news->id)}}">{{$prev_news->title}}</a></p>
			<p>下一篇：<a href="{{URL::to('news/'.$next_news->id)}}">{{$next_news->title}}</a></p>
		</div>
		<div class="am-g">
			<div data-am-widget="list_news" class="am-u-md-6 am-list-news am-list-news-default my-margin-left-0 my-margin-right-0">
			  <!--列表标题-->
			  <div class="am-list-news-hd am-cf">
			    <!--带更多链接-->
			    
			      <h2>相关资讯</h2>
			    
			  </div>
			  <div class="am-list-news-bd">
			  	
			    <ul class="am-list">
			      <li class="am-g">
			        <a href="http://www.douban.com/online/11614662/" class="am-list-item-hd ">我很囧，你保重....晒晒旅行中的那些囧！</a>
			      </li>
			      <li class="am-g">
			        <a href="http://www.douban.com/online/11624755/" class="am-list-item-hd ">我最喜欢的一张画</a>
			      </li>
			      <li class="am-g">
			        <a href="http://www.douban.com/online/11645411/" class="am-list-item-hd ">“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a>
			      </li>
			    </ul>
			  </div>
			</div>
			<div data-am-widget="list_news" class="am-u-md-6 am-list-news am-list-news-default my-margin-left-0 my-margin-right-0">
			  <!--列表标题-->
			  <div class="am-list-news-hd am-cf">
			    <!--带更多链接-->
			    
			      <h2>相关讨论话题</h2>
			    
			  </div>
			  <div class="am-list-news-bd">
			  	
			    <ul class="am-list">
			      <li class="am-g">
			        <a href="http://www.douban.com/online/11614662/" class="am-list-item-hd ">我很囧，你保重....晒晒旅行中的那些囧！</a>
			      </li>
			      <li class="am-g">
			        <a href="http://www.douban.com/online/11624755/" class="am-list-item-hd ">我最喜欢的一张画</a>
			      </li>
			      <li class="am-g">
			        <a href="http://www.douban.com/online/11645411/" class="am-list-item-hd ">“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a>
			      </li>
			    </ul>
			  </div>
			</div>
		</div>
 	</div>
 	<div class="am-panel am-panel-default">
 	  <div class="am-panel-hd">网友评论</div>
 	  <div class="am-panel-bd">
 	  	<form class="am-form">
 	  	    <div class="am-form-group">
 	  	      <label for="doc-ds-ipt-1">我要评论</label>
 	  	      <textarea id="doc-ds-ipt-1" class="am-form-field" placeholder="与内容无关的评论将被删除，严重者禁用帐号 "></textarea>
 	  	    </div>
 	  	    <button type="submit" class="am-btn am-btn-primary">发表评论</button>
 	  	</form>
 	  	<hr data-am-widget="divider" style="" class="am-divider am-divider-default"
 	  	/>
 	    <ul class="am-comments-list">
 	      <li class="am-comment">
 	        <a href="#link-to-user-home">
 	          <img src="http://static.oschina.net/uploads/logo/gitlab_WEfIC.png" alt="" class="am-comment-avatar" width="48" height="48"/>
 	        </a>
 	        <div class="am-comment-main">
 	          <header class="am-comment-hd">
 	            <!--<h3 class="am-comment-title">评论标题</h3>-->
 	            <div class="am-comment-meta">
 	              <a href="#link-to-user" class="am-comment-author">某人</a>
 	              评论于 <time datetime="2013-07-27T04:54:29-07:00" title="2013年7月27日 下午7:54 格林尼治标准时间+0800">2014-7-12 15:30</time>
 	            </div>
 	          </header>
 	          <div class="am-comment-bd">
 	            ...
 	          </div>
 	        </div>
 	      </li>
 	      <li class="am-comment">
 	        <a href="#link-to-user-home">
 	          <img src="http://static.oschina.net/uploads/logo/gitlab_WEfIC.png" alt="" class="am-comment-avatar" width="48" height="48"/>
 	        </a>
 	        <div class="am-comment-main">
 	          <header class="am-comment-hd">
 	            <!--<h3 class="am-comment-title">评论标题</h3>-->
 	            <div class="am-comment-meta">
 	              <a href="#link-to-user" class="am-comment-author">某人</a>
 	              评论于 <time datetime="2013-07-27T04:54:29-07:00" title="2013年7月27日 下午7:54 格林尼治标准时间+0800">2014-7-12 15:30</time>
 	            </div>
 	          </header>
 	          <div class="am-comment-bd">
 	            ...
 	          </div>
 	        </div>
 	      </li>
 	      <li class="am-comment">
 	        <a href="#link-to-user-home">
 	          <img src="http://static.oschina.net/uploads/logo/gitlab_WEfIC.png" alt="" class="am-comment-avatar" width="48" height="48"/>
 	        </a>
 	        <div class="am-comment-main">
 	          <header class="am-comment-hd">
 	            <!--<h3 class="am-comment-title">评论标题</h3>-->
 	            <div class="am-comment-meta">
 	              <a href="#link-to-user" class="am-comment-author">某人</a>
 	              评论于 <time datetime="2013-07-27T04:54:29-07:00" title="2013年7月27日 下午7:54 格林尼治标准时间+0800">2014-7-12 15:30</time>
 	            </div>
 	          </header>
 	          <div class="am-comment-bd">
 	            ...
 	          </div>
 	        </div>
 	      </li>
 	    </ul>
 	    <ul class="am-pagination am-pagination-centered">
 	      <li class="am-disabled"><a href="#">&laquo;</a></li>
 	      <li class="am-active"><a href="#">1</a></li>
 	      <li><a href="#">2</a></li>
 	      <li><a href="#">3</a></li>
 	      <li><a href="#">4</a></li>
 	      <li><a href="#">5</a></li>
 	      <li><a href="#">&raquo;</a></li>
 	    </ul>
 	  </div>
 	</div>
  </div>

  <div class="am-u-md-3 my-padding-left-0 my-padding-right-0">
  	{{-- 广告 --}}
  	<div class="am-panel am-panel-default">
  		<img src="http://7jpqbr.com1.z0.glb.clouddn.com/bw-2014-06-19.jpg" alt="..." class="am-img-responsive">
  	</div>

    <div class="am-panel am-panel-default">
      <div class="am-panel-hd">本周热点资讯</div>
      <div class="am-panel-bd">
        <ul class="am-list">
              <li>
                <a class="my-padding-bottom-0" href="http://www.douban.com/online/11624755/" >我最喜欢的一张画</a>
              </li>
              <li>
                <a class="my-padding-bottom-0" href="http://www.douban.com/online/11624755/" >我最喜欢的一张画</a>
              </li>
              <li>
                <a class="my-padding-bottom-0" href="http://www.douban.com/online/11624755/" >我最喜欢的一张画</a>
              </li>
            </ul>
      </div>
    </div>
    <div class="am-panel am-panel-default">
      <div class="am-panel-hd">本站最新资讯</div>
      <div class="am-panel-bd">
                <ul class="am-list">
              <li>
                <a class="my-padding-bottom-0" href="http://www.douban.com/online/11624755/" >我最喜欢的一张画</a>
              </li>
              <li>
                <a class="my-padding-bottom-0" href="http://www.douban.com/online/11624755/" >我最喜欢的一张画</a>
              </li>
              <li>
                <a class="my-padding-bottom-0" href="http://www.douban.com/online/11624755/" >我最喜欢的一张画</a>
              </li>
            </ul>
      </div>
    </div>
    <div class="am-panel am-panel-default">
    	<img src="http://7jpqbr.com1.z0.glb.clouddn.com/bw-2014-06-19.jpg" alt="..." class="am-img-responsive">
    </div>
  </div>
</div>
@stop